 

.login_box{
	width: 100%;
	padding: 0px 0px 20px;
	background-color: #ECECEC;
	//height: 100vh;
	box-sizing: border-box;
	text-align: left;
	padding-top: calc(constant(safe-area-inset-top) + 102px); 
	padding-top: calc(env(safe-area-inset-top) + 102px);
	// background: url("../../static/logbg.jpg") no-repeat center/cover;
	background-size:100% 100%;
	position: fixed;
	top: 0;
	overflow: auto;
	height: 88vh;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 30vmin); 
	padding-bottom: calc(env(safe-area-inset-bottom) + 30vmin);
	// --adm-color-primary: #666666;
	// --adm-color-light:#666666;
	// --icon-size: 14px;
	// --font-size: 12px;
	// --gap: 6px;
	// --adm-color-background:transparent;
	// --border-top:transparent;
	// overflow: auto;
	// --adm-color-border:transparent;
	
	// img{
	// 	width: 330px;
	// 	margin: 100px auto 30px;
	// }

	:global(.adm-list-item-content-prefix){
		width: 90px !important;
	}
	:global(.adm-form){
		border: none !important;
		---border-top:transparent;
	}
	:global(.adm-list-item){
		border-bottom: 1px solid white;
	}
	.flex{
		display: flex;
		align-items: center;
	}
	.bg_content{
			// padding-top: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding-left: 40px;
			padding-top: 50px;
	  }
	.bg_class{
		border-radius: 10px;
		height: 220px;
		background: url("../../static/QuotaConversion_bg_shh.png") no-repeat center center;
	  }
	.operation{
		// width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 20px;
		margin-top: 10px;
		box-sizing: border-box;
		background-color: #fff;
		box-sizing: border-box;
        border-radius: 10px;

	
	}
	.operation2{
		// width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
		box-sizing: border-box;
		// background-color: #fff;
		box-sizing: border-box;
        border-radius: 10px;

	
	}
	.operation3{
		display: flex;
		box-sizing: border-box;
		background-color: #fff;
		box-sizing: border-box;
        border-radius: 10px;
		padding-left: 20px;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	
	.content{
		// min-height: 100vh;
		// min-height: calc(100% - 200px);
    height: 50vh;
    overflow: hidden;
    border-radius: 10px;
	}
	.other-info{
		padding-top: 20px;
		width: 100%;
		text-align: center;
	}

}
.red{
	background-color: #FFF1F6;
	padding: 10px;
	font-size: 14px;
}

.header-title{
	height: 80px;
	width: 100%;
	z-index: 99;
	line-height: 80px;
	text-align: center;
	background: radial-gradient(circle at 41% -33%,#fdf4df,#d4b59a 80%);
	color: #716858;
	position: fixed;
	top: 0px;

	.icon{
		position: absolute;
		left: 20px;
		top: 25px;
	}
}

// .btns{
// 	background: radial-gradient(circle at 41% -33%,#fdf4df,#d4b59a 80%);
// 	color: #716858 !important;
// 	border: 0 !important;
 
// }
.tabs{
	background-color: #FFFFFF;
	color: #000;
	border-radius: 10px;
	display: flex;
	align-items: center;
	// flex: 1;
	justify-content: center;
	flex-direction: column;
	padding: 10px 5px;
	margin-top: 10px;
	width: 170px;
	margin-right: 10px;
	font-size: 24px;
	border: 2px solid #B4B4B4;
	img{
		// width:200px;
		// margin-right: 10px;
	}

}
.btns{
	background-color: #d4b59a;
    color: #fff;
    text-transform: uppercase;
    margin: 10.666667vw auto 0;
    width: 100%;
    display: block;
    height: 12vw;
    line-height: 12vw;
    font-size: 3.733333vw;
    text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
}
.item{
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: space-between;
	padding: 30px 25px;
	// margin-top: 10px;
	border-bottom: 1px solid #D3D3D3;

}
.money_button{
	font-size: 12px;
    background: #d4b59a;
    color: #fff;
	padding: 8px 8px;
	border-radius: 5px;
}
.huis{
	background-color: #EDEDED;
}
.left_label{
	background-color: #801815;width: 8px;height: 40px;
}
.active{
	border: 2px solid #ec2529!important;
	color: #ec2529!important;
}
.input{
	background-color: #FDFDFD;
	color: #000;
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 30px;
	height: 70px;
}

.tablebady{
    margin: 40px 20px;
    
    border-radius: 0 0 10px 10px;
    
    .tablebadyul{
	
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        line-height: 64px;
        flex-direction: column;
        height: 100%;
        overflow-y: scroll;
        box-sizing: border-box;
        .tablebadyli{
            display: flex;
            align-items: center;
			justify-content: center;
            span{
				background: #fff;
                font-size: 28px;
                color: #4a4a4a;
                display: flex;
                justify-content: center;
                align-items: center;
				width: 23%;
				border-bottom: 2px solid #e2e2e2;
                // border-left: 2px solid #e2e2e2;
                border-right: 2px solid #e2e2e2;
            }
      
        }
        // .tablebadyli:last-child span:first-child{
        //     border: none;
        // }
        // .tablebadyli:last-child span:nth-child(2){
        //     border-bottom: 0;
        // }
        // .tablebadyli:last-child span:last-child{
        //     border-bottom: 0;
        // }
    }
}
.content1{
	padding: 20px;
	font-size: 28px;
	line-height: 40px;
}

.liul.active{
	border: 1px solid #ec2529!important;
	color: #ec2529!important;
}